<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="../../../js/vue.js"></script>
    <script>
        // 【计算属性】
        // 可以在里面写一些计算逻辑的属性

        // 【基本结构】
        new Vue({
            el:'',
            // 数据
            data:{},
            // 方法属性
            // 事件绑定，不用return，没有缓存。
            methods:{},

            // 监听器（重视过程）
            // 监听一个值的改变，不用返回值。
            watch:{
                侦听数据(){}
            },
            // 计算属性（重视结果）
            // 必须return，只求结果，有缓存
            computed:{
                计算属性名(){
                    // 经过一系列计算
                    return//处理操作后结果
                }
            }
        })
    </script>
</body>
</html>